$(function() {
	
	var lisColor = ["different1", "different2", "different3", "different4", "different5", "different6", "different7"];
	var lisColor1 = ["different11", "different22", "different33", "different44", "different55", "different66", "different77"];
	var flag = true;
	
	function load () {
		if ($(this).scrollTop() >= $(".tmall_doublbeeleven").offset().top-1) {
			$(".left_menu").fadeIn();
		}else {
			$(".left_menu").fadeOut();
		}
		if (flag) {
			$.each($(".same"),function(i,e){
				if ($(document).scrollTop() >= $(".same").eq(i).offset().top-1) {
					$(".left_menu dd").eq(i).addClass(lisColor[i]).siblings().removeClass();
				}
			})
		}
	}
	load();
	
	$(document).scroll(function(){
		load();
	})
	
	$(".left_menu dd").mouseover(function(){
		var index = $(this).index() - 1;
		$(this).addClass(lisColor1[index]).siblings().removeClass(lisColor1);
	})
	
	$(".left_menu dd").mouseout(function(){
		var index = $(this).index() - 1;
		$(this).removeClass(lisColor1);
	})
	
	$(".left_menu dd").click(function(){
		flag = false;
		var index = $(this).index() - 1;
		$(this).addClass(lisColor[index]).siblings().removeClass();
		if (index < $(".same").length) {
			$("html").animate({
				scrollTop:$(".same").eq(index).offset().top
			},function(){
				flag = true;
			})
		} else {
			$("html").animate({
				scrollTop:0
			},function(){
				flag = true;
			})
		}
	})
	
	
})